<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>供应商产品添加</title>
    <!-- 引入 layui.css -->
    <link rel="stylesheet" th:href="@{/css/font.css}">
    <link rel="stylesheet" th:href="@{/css/xadmin.css}">
    <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{/js/xadmin.js}"></script>
    <META content="MSHTML 6.00.2900.5626" name=GENERATOR></HEAD>
</head>
<body>
<!--//设置的模板-->
<script id="button" type="text/html">
    <a class="layui-btn layui-btn-sm"   lay-event="add">
      加入
    </a>
</script>
<script>
    layui.use('table', function(){
        var table = layui.table;

        //遍历查询出来的结果
        table.render({
            elem: '#demo'
            // ,height: 312
            ,url: '/Mater/addSuppMaterial.html' //数据接口 方法的地址
            ,cellMinWidth: 80
            , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                , groups: 1 //只显示 1 个连续页码
                , first: false//不显示首页
                , last: false //不显示尾页
            }
            ,
            cols: [
                [ //表头的字段
                    {field: 'id', title: 'ID', width:60, sort: true, fixed: 'left'},
                    {field: 'materialNum', title: '物资编码',  sort: true},
                    {field: 'materialName', title: '物资名称', sort: true},
                    {field: 'materialUnit', title: '计量单位',  sort: true},
                    {field: 'materialType', title: '物资类别',  sort: true},
                    {field: 'quantity', title: '数量', sort: true},
                    {field: 'price', title: '价格',  sort: true

                    },
                    {field: 'materialdescription', title: '描述', sort: true},
                    {title: '操作', toolbar: "#button",align:'center'}
                ]
            ],id:'tableAll',
        });
        //添加按钮事件嗨嗨嗨！！！
        table.on('tool(demo)', function(obj){
            let data = obj.data;
            let mid = data["id"];
            if(obj.event === 'add'){ //添加
                    $.ajax({
                        url: "/SuppMaterial/addSuppMaterialOK.html",
                        data:{
                            "mid":mid,
                        },
                        type: "POST",
                        success: function (result) {
                            if(result==1){
                                layer.msg('提示，添加成功');
                            }
                           else  if(result==3){
                                layer.msg('提示，已经存在');
                            }
                            else{
                                // alert(result);
                                layer.msg('温馨提示，添加失败');

                            }
                        },
                    })

            }


        });
        //搜索事件 嗨嗨嗨！
        $('#search').on('click', function(){
            // alert($('#MATERIAL_NUM').val());
            table.reload('tableAll', {
                method : 'get',
                where : {
                    name : $.trim($('#name').val()),
                },
                page : {
                    curr : 1
                }
            });
            return false;
        });
    });
</script>
 <table  class="layui-table" cellpadding="3" cellspacing="1" border="0" width="100%" style="background-color: #FFFAE3">
     <tr>
         <td align=middle>
             <form>
                 <div class="layui-input-inline">
                     <input type="text" id="name" name="name" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input" style="background-color: #FFFAE3">
                 </div>
                 <button  data-type="reload" class="layui-btn" id="search">查询</button>
             </form>
         </td>
     </tr>
  <tr>
      <td>
          <table  id="demo" lay-filter="demo" width="100%" style="height: 100%" >
          </table>
      </td>
  </tr>
     <tr>
         <td>
             <button type="button"  class="layui-btn layui-btn-primary" onClick=" location.href='/supplier/supplier_product_maintenance.html'">直接返回</button>
             </table>
         </td>
     </tr>
 </table>
</body>
</html>